/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://themeforest.net/user/Keliah
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 2.1
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLINGS
04 CONTACT FORM

*/



/*  _______________________________________

	01 MENU BAR
    _______________________________________  */



.menu { font-size: 13px; height: 62px; left: 180px; line-height: 62px; padding: 0; position: absolute; top: -62px;}
.menu li { text-align:center;position:relative;border:none;display: inline-block;}
.menu li.submenu{ height: 62px; line-height: 62px; float: left;border-right: 1px solid #363636; border-left: 1px solid #000000;}
.menu li.submenu.first { border-left: none;}
.menu li.submenu.last{ border-right: none; }
.menu li.submenu.first a{ }
.menu li.submenu.last a{   }
.menu li.submenu:hover {}
.menu li.submenu.first:hover {}
.menu li.position-right-li {position:static;}
.menu li:hover { z-index:2; }
.menu li a {outline:0;display:block;}
.menu li a:hover {text-decoration: underline;}
.menu li a.level-top  {  font-size: 11px; height: 62px;  line-height: 62px;   padding: 0 20px 3px; text-transform: uppercase;color: #fff;font-weight: bold;}
.menu li.first  a.level-top  {}
.menu li a.level-top:hover { color: #fff;}
.menu li:hover a {text-shadow: none;}
.menu li .level-top{ }
.menu li .drop{ color: #414141;
    font-size: 12px;
    height: 41px;
    line-height: 41px;
    padding: 0 15px 2px;
    text-transform: uppercase;}
.menu li.first .drop{padding-left:15px; }
.menu li:hover .drop {text-decoration: none;}
.menu li:hover .drop span {display:block; cursor:pointer; white-space:nowrap;}

.menu li:hover a span{ display: block;}
.menu li:hover .drop { text-decoration: none;}
.menu li:hover div a {}
.menu li:hover div a:hover { }
.menu li:hover ul li a { }
.menu li:hover ul li a:hover{ text-decoration: underline;}
.menu li:hover a:hover{  text-decoration: none;  z-index: 999;}
.menu li ul li a:hover {}
.menu li a div a { color:#353535;font-size:14px;font-weight:bold;}
.menu li a div a ul li a { color:#626262;font-size:12px;font-weight:normal;}
/* Right aligned menu item */
.menu .right {float:right;right:0;margin-right:0px;}

/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */

/* Left & right aligned common styles */

.menu .dropdown_1columns, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns ,
.menu .dropdown_6columns{ margin:0px auto 0px;left:-999em;position:absolute;/*border-top:1px solid #dedcdc;*/padding:5px 0px 10px;text-align:left;z-index: 99;background:#09070b;-moz-opacity:.9; -webkit-opacity:.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/*IE8*/ opacity:.9;  padding-top: 15px;}

/* Drop Downs Sizes */
.menu .inner {overflow:hidden;}
.menu .dropdown_1columns {width: 160px;/*background:url(../images/bkg-menu-1col-top.png) center top no-repeat !important ;*/}
.menu .dropdown_2columns {width: 320px;/*background:url(../images/bkg-menu-2col-top.png) center top no-repeat !important ;*/}
.menu .dropdown_3columns {width: 480px;/*background:url(../images/bkg-menu-3col-top.png) center top no-repeat !important ;*/}
.menu .dropdown_4columns {width: 640px;/*background:url(../images/bkg-menu-4col-top.png) center top no-repeat !important ;*/}
.menu .dropdown_5columns {width: 800px;/*background:url(../images/bkg-menu-5col-top.png) center top no-repeat !important ;*/}
.menu .dropdown_6columns {width: 960px;/*background:url(../images/bkg-menu-6col-top.png) center top no-repeat !important ;margin: 0 -400px; padding: 15px 400px 10px;*/}
.menu .dropdown_6columns .col_6 {padding:0;width:960px;}

.menu .dropdown_1columns .inner {width: 160px;/*padding-bottom:20px;background:url(../images/bkg-menu-1col-bottom.png) center bottom no-repeat !important ;*/}
.menu .dropdown_2columns .inner {width: 320px;/*padding-bottom:20px;background:url(../images/bkg-menu-2col-bottom.png) center bottom no-repeat !important ;*/}
.menu .dropdown_3columns .inner {width: 480px;/*padding-bottom:20px;background:url(../images/bkg-menu-3col-bottom.png) center bottom no-repeat !important ;*/}
.menu .dropdown_4columns .inner {width: 640px;/*padding-bottom:20px;background:url(../images/bkg-menu-4col-bottom.png) center bottom no-repeat !important ;*/}
.menu .dropdown_5columns .inner {width: 800px;/*padding-bottom:20px;background:url(../images/bkg-menu-5col-bottom.png) center bottom no-repeat !important ;*/}
.menu .dropdown_6columns .inner {width: 960px;/*padding-bottom:10px;background:url(../images/bkg-menu-6col-bottom.png) center bottom no-repeat !important ;*/}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1columns, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns
 {
	left:-1px;
	top:63px;
}
.menu li:hover .dropdown_6columns
 {
	left:-160px;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

/* Columns Sizes */


.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {display:inline;float: left;position: relative;padding:0px 20px 0 20px;margin-bottom:10px;}

.menu .col_1.last,
.menu .col_2.last,
.menu .col_3.last,
.menu .col_4.last,
.menu .col_5.last,
.menu .col_6.last {border-right:none;}
.dropdown_3columns .col_1:last-child { border-right:none;padding-right:0;}
.dropdown_1columns .col_1.first { border-right:none;padding-right:0;}
.menu .dropdown_3columns  .col_1 {}
.menu .dropdown_5columns  .col_6.first  p.info {padding-top:10px;}
.menu .dropdown_6columns  .col_6.first  p.info {padding-top:10px;}
.menu .col_1 {width:120px; }
.menu .col_2 {width:280px;}
.menu .col_3 {width:440px;}
.menu .col_4 {width:600px;}
.menu .col_5 {width:760px;}
.menu .col_6 {width:920px;}
.menu .col_1:last-child {border-right:none 0;}
.menu .col_2  .col_2 { padding:0px;}
/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {	clear: left;}
.menu .col_1.firstcolumn p {clear: left;}
/*  _______________________________________
	03 CONTENT STYLINGS
    _______________________________________  */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:21px;text-align:left;}
.menu p {font-size:11px;line-height:18px;margin-bottom:0px; margin-top:10px;color: #fff;}
.menu p.price-from {margin-bottom:0px; }
.menu p.price-to { margin-top:0px;}
.menu .strong {font-weight:bold;}
.menu .italic {font-style:italic;}
.menu h2 {font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:21px;line-height:21px;margin-top:7px;margin-bottom:14px;padding-bottom:14px;}
.menu h3 {font-family:Arial, Helvetica, sans-serif;font-weight:600;font-size:14px;line-height:21px;margin-top:7px;margin-bottom:14px;padding-bottom:7px;}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {padding-left:36px;margin-bottom:18px;}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.menu .imgshadow_dark{ /* Better style on dark background */background:#FFFFFF;padding:4px;border:1px solid #333333;margin-top:5px;-moz-box-shadow:0px 0px 5px #000000;-webkit-box-shadow:0px 0px 5px #000000;box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */background:#FFFFFF;padding:4px;border:1px solid #777777;margin-top:5px;-moz-box-shadow:0px 0px 5px #666666;-webkit-box-shadow:0px 0px 5px #666666;box-shadow:0px 0px 5px #666666;}
.menu .img_left { /* Image sticks to the left */width:auto;float:left;margin:2px 15px 5px 0px;}
.menu .img_right { /* Image sticks to the right */width:auto;float:right;margin:2px 0px 5px 15px;}
/* Box styles */
.menu li .black_box {background-color:#333333;color: #eeeeee;padding:4px 6px 4px 6px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

.menu li .dark_grey_box {
	background-color:#555555;color: #eeeeee; padding:4px 6px 4px 6px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:inset 0 0 3px #111111;
	-moz-box-shadow:inset 0 0 3px #111111;
	box-shadow:inset 0 0 3px #111111;
}

/* Standard lists styles */
.menu li.first {  position: static;}
.menu li ul li.first { }
.menu li ul {list-style:none;padding:0;margin:0 0 0px 0;}
.menu li ul li {font-size:11px;line-height:20px;position:relative;margin:0;float:none;text-align:left; display: block;}
.menu li ul li a { color: #ffffff;}
.menu li ul li:hover {}
/* Greybox lists styles */
.menu li .greybox li {background:#F4F4F4;border:1px solid #bbbbbb;margin:0px 0px 4px 0px;padding:4px 6px 4px 6px;width:131px;
	/* CSS 3 Stylings */	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .greybox li:hover {background:#ffffff;border:1px solid #aaaaaa;padding:4px 6px 4px 6px;margin:0px 0px 4px 0px;}
/* Other lists styles */
.menu li .plus li {background: url("img/plus.png") left 6px no-repeat;margin:0px 0px 4px 0px;padding:0px 0px 0px 21px;width:109px;}
.menu li .plus li:hover {background: url("img/plus.png") left 6px no-repeat;padding:0px 0px 0px 21px;margin:0px 0px 4px 0px;}
/* Social Icons */
.menu li ul.social {list-style:none;margin:0;padding:0;}
.menu li ul.social li {padding-top:5px;margin:0 12px 12px 0;float:left;position:relative;display:inline;width:32px;}
.menu li ul.social li:hover {padding-top:5px;margin:-1px 12px 12px 0;}
.menu li ul.social li span {display:none;}
/* 2-Levels Drop Down */

.menu .levels {list-style:none;margin:0;width:auto; padding: 10px 0 0;}
.menu  .levels  .level-top  .level-top { clear: both;
   
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-transform: none;
	} 
.menu .levels li.level-top { margin-right: -30px; padding-right: 20px;}
.menu a.parent, .menu a.parent:hover {}
.menu .levels li li, .menu .levels li li:hover {width:140px;}
.menu .levels ul { /* First level drop down */position:absolute;z-index:500;top:-33px;left:100%;display:none; width: 166px;margin:15px 0px 0px 0px;padding:20px;background:#09070b;-moz-opacity:.9; -webkit-opacity:.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";/*IE8*/ opacity:.9;}
.menu .levels li li.first {}
.menu .levels ul ul {}
.menu .levels li:hover {cursor:pointer;z-index:100;}

.menu .levels li:hover ul,
.menu .levels li li:hover ul
{display:block;}
/*  _______________________________________
	04 CONTACT FORM
    _______________________________________  */
.menu form {margin:0 0 12px 0;padding:0px;}
/* Labels & fieldsets stylings */
.menu fieldset {margin:0;border:none;}		
.menu form p {margin:10px 0;overflow:hidden;width:270px;}
.menu label {float:left;display:block;text-align:left;width:50px;}	
.menu input,
.menu textarea {}					
/* Buttons stylings */
.menu button {
	/* CSS 3 Stylings */
}
/* Messages when sending email */
.error, .sent {font-size:12px;line-height:18px;padding:5px;margin-bottom:10px;
	/* CSS 3 Stylings */
-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.error {background:#f3afa6;border:#ef9588 solid 1px;color:#992213;}
.sent {background:#bef08f;border:#adec71 solid 1px;color:#37620d;}
.menu .dropdown_3columns .col_1  a.level-top { margin-left: 20px;padding-top:10px;text-decoration: none;}
.col_5 .col_1 {clear:both;float:none;}
.menu span.title {display:block;font-size:18px;padding-left:18px;padding-top:10px; font-family: 'HelveticaNeueBold';line-height: 15px;padding-bottom:15px;color: #fff;}

.menu span.title_col {  display: block;   font-size: 11px;  font-weight: bold;  line-height: 20px;  margin-bottom: 5px;  text-transform: uppercase;}
.menu .col_2 span.title_col { }
.menu .new-product span.title_col { padding: 19px 0 8px;}
.menu p.note {margin-top:0;color:#898989; font-size: 11px; letter-spacing: -0.08px;}
.menu p.note.first {padding-left:20px;}
.menu .img {margin-top:0px;}
.menu .col_2 p.first {margin-top:30px;}
.menu .wrapper_col {padding:0;width: auto;}
.menu .col_1 .products-grid li.item { width:auto;height:auto;}
.menu .col_1 .products-grid .product-image { width:auto;height:105px;;float:none;line-height:0;padding-left:0;margin-top:0;}
.menu .col_1 .products-grid .details { width:auto;height:auto;float:none;padding-right:0;}
.menu .col_1 .products-grid .details p.sku{ margin-top:0;margin-bottom:0;}
.menu .col_1 .products-grid .details h2,.menu .col_2 .products-grid .product-shop h3 {border:none;padding:0; background: none; margin-top:-5px;}
.menu .col_1  .products-grid .details button.button,.menu .col_2  .products-grid .product-shop button.button { position:static;background:none;margin:0;padding:0;}
.menu .col_1  .products-grid .details button.button,.menu .col_2  .products-grid .product-shop button.button  { position:static;width:auto;height:auto;float:none;}
.menu .col_2 .products-grid .item {background:none !important;height: auto; width: 100%; padding:0;min-height:120px;margin: 0;}
.menu .product {margin-top:0px;}
.menu .products-grid .product-name a:hover,.menu .mini-products-list .product-details .product-name a:hover{	text-decoration: underline;}
.menu .products-grid .product-name a,.menu .mini-products-list .product-details .product-name { }
.menu .widget-new-products .ratings .rating-links a {   display: inline;}
.menu .ratings .rating-links a{ display:inline;font-size:8px;}
.menu .ratings .rating-links a:hover{ display:inline;font-size:8px;}
.menu .col_1.most_popular {width:135px;padding-right:5px;} 
.menu .ratings .rating-links {margin:3px 0;}
.menu li.position-right-li .position-right{ top:63px;}
.menu li.first ul li.first {padding-left:0px;}
.menu .col_1.no-icon  a{ width:166px; }
.menu .col_1.no-icon {   padding: 0px 0 10px 10px;  overflow: hidden;width: 145px; margin-bottom: 0;}
.menu .col_1.no-icon.first { padding-left: 20px;  }
.menu .widget-new-products .products-grid .product-image, 
.menu .widget-new-products .products-list .product-image 
{ width:110px; overflow: hidden;float: left; height: auto; margin-right: 10px; background: #fff;padding: 2px; border: none;}
.menu .products-grid li.item .product-shop{ float:right; width: 162px;} 
.menu .most_popular .products-list .product-shop { background: none repeat scroll 0 0 transparent;   margin-left: 0;   overflow: visible;    padding-left: 0; width: auto;float: none;}
.menu .price-box { margin-bottom: 5px;}
.menu .most_popular .products-list .product-shop .product-name a { }
.menu .most_popular .products-list .product-image { width:120px; height:auto; float: none; border: none; padding-bottom: 0;margin-top: 4px;}
.menu .most_popular .products-list .product-image img { height:auto; width: auto;}
.menu .products-list li.item.last { padding:0;}
.menu .widget-new-products  .widget-title h2 { display: none;}
.menu .widget-new-products  .widget-title { margin: 0; padding:0;}
.menu .widget-new-products  .add-to-links { display: none;}
.menu .widget-new-products  .products-grid { border: none;}
.menu .dropdown_2columns  .page-title { display: none;}
.menu #contactForm { padding: 10px 25px 0px; display: block;}
.menu #contactForm .form-list input.input-text {  border: medium none;  height: 19px;  width: 259px;padding: 4px; float: none;}
.menu #contactForm .form-list input.input-text.validation-failed { width: 257px;}
.menu #contactForm  .form-list .field {
    float: left;
    width: 270px;
}
.menu #contactForm .form-list li.wide textarea { width: 257px;}
.menu #contactForm .buttons-set p.required {    text-align: right; margin-top: 4px; float: right; width: auto;}
.menu #contactForm .buttons-set  button.button {    clear: none;}
.menu #contactForm  .form-list .field:first-child {    margin-bottom:5px;}
.menu #contactForm  .form-list li.wide .input-box {    width: auto;}
.menu #contactForm .fieldset .legend { padding-bottom: 0;}

.menu span.product-manufacture { display: none;}

.menu  .col_2  {}
.menu  .col_2  .product-image { float: left;width: 110px;overflow: hidden;margin-right: 20px;}
.menu  .col_2  .product-name,.menu  .col_2  .ratings ,.menu  .col_2  .price-box,.menu  .col_2  .actions{/* margin-left: 115px;overflow: hidden;margin-top: 0; margin-bottom: 0;float: none; width: 156px;clear: none;*/}
.menu   .product-name {  margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0 0; }
.menu   .product-name a { color: #fff;  font-size: 12px; font-weight: bold;}
.menu   .product-name a:hover { text-decoration: underline !important;}
.menu   .price-box,.menu  .product-item .actions {  clear: both;
    line-height: 18px;
    margin: 10px 0 0;
    padding-bottom: 5px;}
.menu   .sku { display: none;}
.menu .category-products {}
.menu .category-products .product-name a { color: #000;}
.menu .most_popular  .category-products .product-image  { background: #fff;width:120px;}
.menu .actions { display: none;}
.col_1 .slideshow-box .products-list li.item { width: auto;}
.col_1 .slideshow-box .products-list li.item .product-item { width: auto;padding: 0;}
.col_1 .slideshow a.previous { display: none;}
.col_1 .slideshow a.next { display: none;}
.menu .ratings .rating-box { margin-top: 2px;}
.menu .price-box p { margin: 0;white-space: nowrap;}
.menu li a.img { text-align: center;}
.menu .product li { background: none; padding-left: 0;}
.menu .products-list .product-shop { width: 149px;}
.menu .col_2 .product-name { margin-top: -12px;}
.menu .col_2 .price-box {  margin-bottom: 0;   padding-bottom: 5px;}

.emmediawidget  { margin-bottom: -20px;}
.menu .widget .widget-title { padding: 0;}
.menu div.img { margin-top: 15px;}
.menu div.img a.img { float: left;}
.menu li a.logo-menu { text-align: center;}
.menu  .col_2.last .product { padding-top: 7px;}